"use client"

import React from 'react';

import {
  InteractionMode,
  useInteractionModeStore,
} from './lib/store';
import Chatbot from './ui/home/chatbot';
import Demo from './ui/home/demo';
import DemoHead from './ui/home/DemoHead';

export default function Home() {
  const interactionMode = useInteractionModeStore((state) => state.mode)
  const showCharacter = interactionMode != InteractionMode.CHATBOT;
  const showChatbot = interactionMode != InteractionMode.IMMERSIVE;


  return (
      <div className="flex-1 overflow-auto chat_page">
        {/*{ showCharacter ? <Live2d/> : <></>}*/}
        {/* <Live3d /> */}
        {<Demo></Demo>}
        {<DemoHead></DemoHead>}
        { showChatbot ? <Chatbot showChatHistory={true}/> : <></>}
      </div>
  );
}
